<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>New Order</title>
</head>
<body>
<div th:replace="common/top"></div>

<div id="Center-Content">

    <p>
        Please confirm the information below and then press continue...
    </p>


    <table class="rwd-table">
        <tr>
            <th align="center" colspan="2"><font size="4"><b>Order</b></font>
                <br />
                <font size="3">
                    <b>

<!--                    <fmt:formatDate-->
<!--                        value="${session.order.orderDate}" pattern="yyyy/MM/dd hh:mm:ss" />-->
                        <span th:text="${{session.order.orderDate}}"></span>
                    </b>
                </font>
            </th>
        </tr>

        <tr>
            <th colspan="2">Billing Address</th>
        </tr>
        <tr>
            <td>First name:</td>
            <td><span th:text="${session.order.billToFirstName}" /></td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td><span th:text="${session.order.billToLastName}" /></td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td><span th:text="${session.order.billAddress1}" /></td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td><span th:text="${session.order.billAddress2}" /></td>
        </tr>
        <tr>
            <td>City:</td>
            <td><span th:text="${session.order.billCity}" /></td>
        </tr>
        <tr>
            <td>State:</td>
            <td><span th:text="${session.order.billState}" /></td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td><span th:text="${session.order.billZip}" /></td>
        </tr>
        <tr>
            <td>Country:</td>
            <td><span th:text="${session.order.billCountry}" /></td>
        </tr>
        <tr>
            <th colspan="2">Shipping Address</th>
        </tr>
        <tr>
            <td>First name:</td>
            <td><span th:text="${session.order.shipToFirstName}" /></td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td><span th:text="${session.order.shipToLastName}" /></td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td><span th:text="${session.order.shipAddress1}" /></td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td><span th:text="${session.order.shipAddress2}" /></td>
        </tr>
        <tr>
            <td>City:</td>
            <td><span th:text="${session.order.shipCity}" /></td>
        </tr>
        <tr>
            <td>State:</td>
            <td><span th:text="${session.order.shipState}" /></td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td><span th:text="${session.order.shipZip}" /></td>
        </tr>
        <tr>
            <td>Country:</td>
            <td><span th:text="${session.order.shipCountry}" /></td>
        </tr>

    </table>

    <p>
        <a href="comfirmOrder" class="dissociated-btn">
            Confirm
        </a>
    </p>

</div>


<div th:replace="common/bottom"></div>
</body>
</html>